<template>
	<view class="loginLayout">
		<!-- 预留状态栏的高度 -->
		<view class="statusBar" :style="{height:statusBarHeight+'px'}"></view>
		<!-- 直接调用组建，不需要import -->
		<photoSwiper :pictureUrl="pictures"></photoSwiper>
		<InputAccount></InputAccount>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import { statusBarHeight } from '@/utils/system'

	const pictures = ref([{
		id: '1',
		url: "https://www.songtx.cn/image/1.jpeg"
	},
	{
		id: '2',
		url: "https://www.songtx.cn/image/2.jpeg"
	},
	{
		id: '3',
		url: "https://www.songtx.cn/image/3.jpeg"
	},
	{
		id: '4',
		url: "https://www.songtx.cn/image/4.jpeg"
	},
	{
		id: '5',
		url: "https://www.songtx.cn/image/5.jpeg"
	},
	])
</script>

<style lang="scss" scoped>
	.loginLayout {
		photoSwiper {
			width: 750rpx;
			height: 420rpx;
		}
	}
</style>